﻿<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">About Us</h1>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Pages</a></li>
                    <li><a href="about.html">About</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN HIGHLIGHT -->
<div class="content">
    <div class="container">
        <div class="row">
            <div class="main col-sm-6">
                <div class="center">
                    <h2 class="section-highlight" data-animation-direction="from-left" data-animation-delay="50">Shi Jie Property</h2>
                    <p style="text-align: justify;" class="darker-text" data-animation-direction="from-left" data-animation-delay="250" ng-bind-html="aboutus | unsafe"></p>
                    <!--<a href="#" class="btn btn-default-color" data-animation-direction="from-left" data-animation-delay="850">Buy Cozy Template!</a>-->
                </div>
            </div>

            <div class="col-sm-6">
                <img id="about-img" src="images/penangrealty-company.png" alt="" data-animation-direction="from-right" data-animation-delay="200" />
            </div>
        </div>
    </div>
</div>
<!-- END HIGHLIGHT -->

<!-- BEGIN PROPERTY TYPE BUTTONS -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">Our Vision</h1>
                <p style="text-align: justify;font-size: 1.5em;" ng-bind-html="vision | unsafe">
                </p>
                <!--<ul class="property-large-buttons2 clearfix">
                    <li data-animation-direction="from-bottom" data-animation-delay="250">
                        <i class="fa fa-home"></i><br>
                        <h4>Residential</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                    <li data-animation-direction="from-bottom" data-animation-delay="450">
                        <i class="fa fa-tags"></i><br>
                        <h4>Commercial</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                    <li data-animation-direction="from-bottom" data-animation-delay="650">
                        <i class="fa fa-leaf"></i><br>
                        <h4>Land</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PROPERTY TYPE BUTTONS -->


<!-- BEGIN SERVICES -->
<div class="gray-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-12" style="text-align: center;">
                <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">The CultureScape</h1>

                <ul class="services">
                    <li class="col-md-12" data-animation-direction="from-bottom" data-animation-delay="250">
                        <!--<h3><i class="fa fa-tags"></i> Culture</h3>-->
                        <p style="font-size:1.5em;text-align:center" ng-bind-html="culture | unsafe"></p>
                    </li>
                    <!--<li class="col-md-4" data-animation-direction="from-bottom" data-animation-delay="450">
                        <h3><i class="fa fa-search"></i> Vision</h3>
                        <p>{{ vision }}</p>
                    </li>
                    <li class="col-md-4" data-animation-direction="from-bottom" data-animation-delay="650">
                        <h3><i class="fa fa-building"></i> Mission</h3>
                        <p>{{ mission }}</p>
                    </li>-->
                    <!--<li class="col-md-3" data-animation-direction="from-bottom" data-animation-delay="850">
                        <h3><i class="fa fa-group"></i> Become a partner</h3>
                        <p>Quisque dictum, erat molestie vehicula pellentesque, enim elit sodales leo id pharetra. <a href="#">Learn more</a></p>
                    </li>-->
                </ul>

                <!--<div class="center">
                    <a href="register.html" class="btn btn-default-color" data-animation-direction="from-bottom" data-animation-delay="1050">Register Now!</a>
                </div>-->
            </div>
        </div>
    </div>
</div>

<!-- END SERVICES -->


<!-- BEGIN PROPERTY TYPE BUTTONS -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">Our Mission</h1>
                <p style="text-align: justify;font-size: 1.5em;" ng-bind-html="mission | unsafe">
                </p>
                <!--<ul class="property-large-buttons2 clearfix">
                    <li data-animation-direction="from-bottom" data-animation-delay="250">
                        <i class="fa fa-home"></i><br>
                        <h4>Residential</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                    <li data-animation-direction="from-bottom" data-animation-delay="450">
                        <i class="fa fa-tags"></i><br>
                        <h4>Commercial</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                    <li data-animation-direction="from-bottom" data-animation-delay="650">
                        <i class="fa fa-leaf"></i><br>
                        <h4>Land</h4>
                        <a href="properties-grid.html" class="btn btn-default">View All</a>
                    </li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PROPERTY TYPE BUTTONS -->


<!-- BEGIN SERVICES -->
<div class="gray-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">Our Service</h1>

                <ul class="services">
                    <li class="col-md-12" data-animation-direction="from-bottom" data-animation-delay="250">
                        <!--<h3><i class="fa fa-tags"></i> Culture</h3>-->
                        <p style="font-size:1.5em" ng-bind-html="service | unsafe"></p>
                    </li>
                    <!--<li class="col-md-4" data-animation-direction="from-bottom" data-animation-delay="450">
                        <h3><i class="fa fa-search"></i> Vision</h3>
                        <p>{{ vision }}</p>
                    </li>
                    <li class="col-md-4" data-animation-direction="from-bottom" data-animation-delay="650">
                        <h3><i class="fa fa-building"></i> Mission</h3>
                        <p>{{ mission }}</p>
                    </li>-->
                    <!--<li class="col-md-3" data-animation-direction="from-bottom" data-animation-delay="850">
                        <h3><i class="fa fa-group"></i> Become a partner</h3>
                        <p>Quisque dictum, erat molestie vehicula pellentesque, enim elit sodales leo id pharetra. <a href="#">Learn more</a></p>
                    </li>-->
                </ul>

                <!--<div class="center">
                    <a href="register.html" class="btn btn-default-color" data-animation-direction="from-bottom" data-animation-delay="1050">Register Now!</a>
                </div>-->
            </div>
        </div>
    </div>
</div>

<!-- END SERVICES -->

